/*
  学习目标：每次count变化， 将count的值更新到title中
  基本使用

*/

// 1. 导入useEffect函数
import { useState, useEffect } from 'react';

export default function App() {
  const [count, setCount] = useState(0);

  // 2. useEffect调用
  useEffect(() => {
    // 每次状态发生变化时， 回调函数会自动执行
    document.title = count;
  });
  return (
    <div>
      <h1>{count}</h1>
      <button
        onClick={() => {
          setCount(count + 1);
        }}
      >
        点我
      </button>
    </div>
  );
}
